<template>
    <div id="app" :class="showflag?'login':'not_login'">
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: "App",
  data() {
    return {
      showflag: true
    };
  },

  // 进入页面后立即获取路由元信息，判断meta中是否存在flag，flag是否为true 如果为true 容器的class为login，如果不为true 容器的class则为not_login
  created() {
    // console.log(this.$route.meta.flag, "hash");
  },
  // 进行路由跳转时获取路由元信息，判断meta中是否存在flag，flag是否为true 如果为true 容器的class为login，如果不为true 容器的class则为not_login
  watch: {
    $route: {
      handler() {
        this.leftNavshow();
      }
    }
  },

  mounted() {
    this.leftNavshow();
  },

  methods: {
    leftNavshow() {
      this.showflag = this.$route?.meta?.flag;
    }
  }
};
</script>

<style>
@import "@/assets/reset.min.css";
html,
body,
#app {
  height: 100%;
  /* overflow: hidden; */
}
</style>
